<template>
	<view>
		<image class="bg-img" src="https://img.js.design/assets/img/631d64660e0d177adba0f7d5.jpg"></image>
		<view class="content">
			<view class="header-image">
					<image style="width: 100%; height: 100%; border-radius: 40px 40px 40px 40px ;" src="https://img.js.design/assets/smartFill/img328164da748e08.jpeg"></image>
			</view>
			<view class="box-top">
				<text style="margin-left: 130px;">asd</text>
			</view>
			<view class="box-center">
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.bg-img {
		position: fixed;
		width: 100%;
		height: 110%;
		top: 0;
		left: 0;
		z-index: -1;
		//opacity: 0.4; 透明度
	}
	.content{
		.header-image{
			margin-left: 30px;
			margin-top: -45px;
			width: 80px;
			height: 80px;
			background-color: rgba(255, 255, 255, 0.7);
			border-radius: 40px 40px 40px 40px ;
			position:absolute;
		}
		.box-top{
			margin-top: 90px;
			// position:absolute;
			height: 60px;
			width: 70%; 
			background-color: rgba(255, 255, 255, 0.7);
			border-bottom-right-radius: 40px;
			border-top-right-radius: 40px;
				
		}
		
	}
	.box-center{
		width: 100%;
		height: 1000px;
		margin-top: 20px;
		background-color: rgba(255, 255, 255, 0.7);
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
	}

</style>
